import { Link } from 'react-router-dom';
import WeiBo from './img/微博.png'
import WeiXin from './img/icon-weixin.png'
import ZhiZhao from "./img/zhizhao.png"
import GuoLogo from './img/guo.png'
import FootCss from './css/foot.module.css'
function index() {
    return (
        <div className={FootCss.ButtomBox}>
            < div className={FootCss.FootBox} >
                <div className={FootCss.TopFoot}>
                    <div className={FootCss.footContent1}>
                        <p className={FootCss.titleName}>爱彼迎</p>
                        <Link className={FootCss.footContentLink} to='' >工作协会 </Link>
                        <br />
                        <Link className={FootCss.footContentLink} to=''> 爱彼迎新闻</Link>
                        <br />
                        <Link className={FootCss.footContentLink} to=''>政策</Link>
                        <br />
                        <Link className={FootCss.footContentLink} to=''> 多元化与归属感</Link>
                        <br />
                        <Link className={FootCss.footContentLink} to=''>无障碍设施</Link>
                    </div>
                    <div className={FootCss.footContent1}>

                        <p className={FootCss.titleName}>发现</p>
                        <Link className={FootCss.footContentLink} to=''>信任与安全 </Link>
                        <br />
                        <Link className={FootCss.footContentLink} to=''> 旅途基金</Link>
                        <br />
                        <Link className={FootCss.footContentLink} to=''> 商务差旅</Link>
                        <br />
                        <Link className={FootCss.footContentLink} to=''> 爱彼迎杂志</Link>
                        <br />
                        <Link className={FootCss.footContentLink} to=''>Airbnb.org</Link>
                    </div>
                    <div className={FootCss.footContent1}>

                        <p className={FootCss.titleName}>出租</p>
                        <Link className={FootCss.footContentLink} to=''> 为什么要出租？</Link>
                        <br />
                        <Link className={FootCss.footContentLink} to=''> 待客之道</Link>
                        <br />
                        <Link className={FootCss.footContentLink} to=''> 房东义务</Link>
                        <br />
                        <Link className={FootCss.footContentLink} to=''> 开展体验</Link>
                        <br />
                        <Link className={FootCss.footContentLink} to=''> 资源中心</Link><span className='NewLaunch'>新推出</span>
                    </div >
                    <div className={FootCss.footContent1}>
                        <p className={FootCss.titleName}>客户支持</p>
                        <Link className={FootCss.footContentLink} to=''>帮助</Link>
                        <br />
                        <Link className={FootCss.footContentLink} to=''>邻里支持</Link>
                        <span className={FootCss.NewLaunch}>新推出</span>
                    </div>
                </div >
                <div className={FootCss.BottomFoot}>
                    <div className={FootCss.BottomFootLeft}>
                        <Link className={FootCss.BottomLink} to='' >京ICP备16017121号 </Link>
                        <Link className={FootCss.BottomLink} to='' >京ICP证160773号</Link>
                        <img className={FootCss.guoLogo} src={GuoLogo} alt="" />
                        <Link className={FootCss.BottomLink} to='' >京公网安备11010502032345号 </Link>
                        安彼迎网络（北京）有限公司
                        < img className={FootCss.zhiZhaoLogo} src={ZhiZhao} alt="" />
                        < Link className={FootCss.BottomLink} to='' >营业执照</Link><br />
                        © 2021 Airbnb, Inc.All rights reserved.
                        < Link className={FootCss.BottomLink} to='' > 条款</Link > ·
                        <Link className={FootCss.BottomLink} to='' >隐私政策</Link> ·
                        <Link className={FootCss.BottomLink} to=''>网站地图</Link> · 全国旅游投诉渠道 12301
                    </div >
                    <div className={FootCss.BottomFootRight}>
                        <Link className={FootCss.bottomLogoClink} to=''>  <img className={FootCss.bottomLogo} src={WeiBo} alt="" /></Link>
                        <Link className={FootCss.bottomLogoClink} to=''>   <img className={FootCss.bottomLogo} src={WeiXin} alt="" /></Link>
                    </div>
                </div >
            </div >
        </div >
    );
}

export default index;